<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/mui.min.css">
  	<link rel="stylesheet" type="text/css" href="../css/goods/query.css"/>
    <link rel="stylesheet" href="../css/mui.picker.min.css">
    <script type="text/javascript">
        (function () {
            var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
            clientWidth = clientWidth || localStorage.getItem("clientWidth")
            if (clientWidth > 750)
                clientWidth = 750;
            document.documentElement.style.fontSize = clientWidth * 1 / 16 + "px";
        })();
    </script>
    <style>
        html,
        body,
        .mui-content {
            background-color: #ffffff;
        }

        .ptsp_top_stats {
            height: 20px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10000;
        }

        .mui-action-back {
            height: 44px;
            width: 44px;
        }

        .mui-action-back img {
            width: 100%;
        }

       

        .mui-content {
            padding-bottom: 100px;
            padding-top: 44px !important;
        }

        .arr_left {
            background-image: url(../images/ptsp/left_arr_03.png);
            background-size: 24px 24px;
            background-position: center;
            background-repeat: no-repeat;
        }

        .mui-title {
            font-size: 0.768rem;
        }

        .mui-bar-nav a {
            font-size: 0.5973rem;
            color: #888888;
            line-height: 44px;
        }
				.main_box .body .input_box .input{
					height: 93%;
				}
    </style>
</head>

<body>
   
    <header class="mui-bar mui-bar-nav" style="border:none;">
        <a class="mui-action-back mui-icon  mui-pull-left arr_left">
        </a>
        <h1 class="mui-title">便民查询</h1>
        <!-- <a class="mui-pull-right" onclick = "buy_car.is_show_del(this)">管理</a> -->
    </header>
    <div class="mui-content">
        <div class="main_box">
        	<div class="title">天气</div>
        	<div class="body">
        		<div class="input_box">
        			<span class="input_name">城市</span>
        			<input type="text"  placeholder="请输入城市名称" class="input" v-model="city"   />
        		</div>
        		
        	</div>
        	<div class="mui-btn query_btn" @click="sub_this">查询</div>
        </div>
    </div>
</body>
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var app = new Vue({
		el:'.mui-content',
		data:{
			city:'',
			
		},
		methods:{
			sub_this:function(){
				if(!this.city){
					mui.toast("请先填写城市名称")
					return
				}
				localStorage.setItem('query_weather_city',this.city)
				mui.openWindow({
					url:'query_weather_res.html',
					id:'query_weather_res.html'
				})
			}
		},
 
	})
</script>
</html>